<div class="row">
    <div class="col-md-12">

        <!-- BOX -->
        <div class="box border orange">
            <div class="box-title">
                <h4><i class="fa fa-map-marker"></i>Markers</h4>
                <div class="tools">
                    <a href="javascript:;" class="remove">
                        <i class="fa fa-times"></i>
                    </a>
                </div>  
            </div>
            <div class="box-body">
                <?php echo $map['html']; ?>
            </div>
        </div>
        <!-- /BOX -->
    </div>
</div>

<!-- /ROW 5 -->
<div class="footer-tools">
    <span class="go-top">
        <i class="fa fa-chevron-up"></i> Top
    </span>
</div>


<!-- JAVASCRIPTS -->
    <!-- Placed at the end of the document so the pages load faster -->
    <!-- JQUERY -->
    <script src="<?php echo base_url('assets/js/jquery/jquery-2.0.3.min.js'); ?>"></script>
    <!-- JQUERY UI-->
    <script src="<?php echo base_url('assetsj/s/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js'); ?>"></script>
    <!-- BOOTSTRAP -->
    <script src="<?php echo base_url('assets/bootstrap-dist/js/bootstrap.min.js'); ?>"></script>
    
        
    <!-- DATE RANGE PICKER -->
    <script src="<?php echo base_url('assets/js/bootstrap-daterangepicker/moment.min.js'); ?>"></script>
    
    <script src="<?php echo base_url('assets/js/bootstrap-daterangepicker/daterangepicker.min.js'); ?>"></script>
    <!-- SLIMSCROLL -->
    <script type="text/javascript" src="<?php echo base_url('assets/js/jQuery-slimScroll-1.3.0/jquery.slimscroll.min.js'); ?>"></script>
    <script type="text/javascript" src="<?php echo base_url('assets/js/jQuery-slimScroll-1.3.0/slimScrollHorizontal.min.js'); ?>"></script>
    <!-- BLOCK UI -->
    <script type="text/javascript" src="<?php echo base_url('assets/js/jQuery-BlockUI/jquery.blockUI.min.js'); ?>"></script>
    <!-- GOOGLE MAPS -->
     <script src="http://maps.google.com/maps/api/js?sensor=true" type="text/javascript"></script>
    <script type="text/javascript" src="<?php echo base_url('assets/js/gmaps/gmaps.min.js'); ?>"></script>
    <!-- COOKIE -->
    <script type="text/javascript" src="<?php echo base_url('assets/js/jQuery-Cookie/jquery.cookie.min.js'); ?>"></script>
    <!-- CUSTOM SCRIPT -->
    <script src="<?php echo base_url('assets/js/script.js'); ?>"></script>
    <script src="<?php echo base_url('assets/js/googlemaps.js'); ?>"></script>
    <script>
        jQuery(document).ready(function() {     
            App.setPage("google_maps");  //Set current page
            App.init(); //Initialise plugins and elements
            MapsGoogle.init(); //Init the google maps
        });
    </script>
    <!-- /JAVASCRIPTS -->



<!-- JAVASCRIPTS -->
<?php // echo $map['js']; ?>
<!-- Placed at the end of the document so the pages load faster -->
<!-- JQUERY -->
<!--<script src="<?php //echo base_url('assets/js/jquery/jquery-2.0.3.min.js') ?>"></script>-->
<!-- JQUERY UI-->
<!--<script src="<?php// echo base_url('assets/js/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js') ?>"></script>-->
<!-- BOOTSTRAP -->
<!--<script src="<?php //echo base_url('assets/bootstrap-dist/js/bootstrap.min.js') ?>"></script>-->

<!-- DATE RANGE PICKER -->
<!--<script src="<?php //echo base_url('assets/js/bootstrap-daterangepicker/moment.min.js'); ?>"></script>-->

<!--<script src="<?php //echo base_url('assets/js/bootstrap-daterangepicker/daterangepicker.min.js') ?>"></script>-->
<!-- SLIMSCROLL -->
<!--<script type="text/javascript" src="<?php //echo base_url('assets/js/jQuery-slimScroll-1.3.0/jquery.slimscroll.min.js') ?>"></script>-->
<!--<script type="text/javascript" src="<?php //echo base_url('assets/js/jQuery-slimScroll-1.3.0/slimScrollHorizontal.min.js') ?>"></script>-->
<!-- BLOCK UI -->
<!--<script type="text/javascript" src="<?php //echo base_url('assets/js/jQuery-BlockUI/jquery.blockUI.min.js') ?>"></script>-->

<!-- /JAVASCRIPTS